@charset "UTF-8";
@import "common/mixin";

.fl {
    float: left;
}

.fr {
    float: right;
}

body {
    background: #ffffff;
}

label {
    color: #000000;
}

.bar-content {
    margin: 80px 20px 1rem;
}

.bar-content p, span {
    line-height: 1.6rem;
}

.te-center {
    text-align: center;
}

.te-right {
    text-align: right;
    /*display: block;*/
    /*margin-top: -1.6rem;*/
    color: #999999;
    font-size: .6rem;
}

.rank-now {
    color: #000000;
}

.te-left {
    text-align: left;
    display: block;
}

.rank {
    color: black;
    margin-top: .5rem;
    font-size: .8rem;
}

.apply-time {
    margin-top: -.4rem;
    font-size: .6rem;
}

.content {
    margin: 5px 0 3rem;
    overflow: auto;
}

.agent-state {
    padding: .5rem 20px;
    /*position: relative;*/
    overflow: auto;
    border-bottom: 1px solid #efeef4;
}

/*.agent-state img{
	position: absolute;
	top: 3rem;
	right: 1.5rem;
	height: 20%;
	!*width: 80%;*!
}*/
/*.agent-state:nth-child(even){
	border-bottom: 2px solid #f8f7f9;
}*/
/*.agent-state>div{
	padding: .5rem 0;
}*/
/*.time{
	color: #c0bfbf;
}*/
.red {
    color: #8b2323;
}

#re-alter {
    width: 70%;
    background: #8b2323;
    margin: .5rem auto;
    color: #FFFFFF;
    display: block;
}

.bank-type {
    color: black;
    font-size: .8rem;
}

/**/
.bank-r {
    float: right;
    color: #999;
}

.item-le {
    float: left;
}

.agent-state p {
    line-height: 1.5rem;
}

.item-ri {
    float: right;
}

.item-le .type {
    color: #151515;
    font-size: .8rem;
}

.item-time {
    color: #999999;
}

.number-c {
    color: #7d0308;
    font-size: 1rem;
}

.add-img {
    text-align: center;
    line-height: 2rem;
    margin-top: -2rem;
    .icon-add {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-size: cover;
        @include bg-image('../images/add-apply');
    }
}

hr {
    background-color: #efeef4;
}